<template>
  <view class="main-view">
    <view class="main">
      <eui-section title="悬浮icon" type="line">
        <eui-float-icon
        :floatIconContent="floatIconContent"
         @floatIconItemClick="floatIconItemClick"
        ></eui-float-icon>
      </eui-section>
    </view>
  </view>
</template>

<route lang="json">
{
"style": {
"navigationBarTitleText": "FloatIcon"
}
}
</route>

<script>
export default {
  data() {
    return {
     floatIconContent:[
        {
          text: '新增商品'
        },
        {
          text: '新增部门'
        },
     ]
    };
  },
  computed: {},
  onLoad() {},
  onReady() {},
  methods: {
    floatIconItemClick(e) {
      console.log(e)
      console.log(this.floatIconContent[e.index])
   
    },
  }
};
</script>

<style lang="scss">
.main-view {
  width: 100%;
  height: 100vh;
  background: #ffffff;
}

</style>
